<template>
  <div>
    <CaoZu>
      <template v-slot:yule>
        <h1>这里是娱乐新闻</h1>
        <span>鹿晗没有和关晓彤分手</span>
      </template>
      <template v-slot:junshi>
        <h1>这里是军事新闻</h1>
        <span>中国人民解放军 ,解放日本本土,五星红旗插满富士山!!!</span>
      </template>
      <template v-slot:zhengzhi>
        <h1>这里是政治新闻</h1>
        <span>9.3日天安门广场举行盛大阅兵</span>
      </template>
    </CaoZu>
    <CaoTow>
      <template v-slot:arr="chuan">
        <ul>
          <li v-for="(item, index) in chuan.arr" :key="index">
            {{ item.price }}----{{ item.name }}
          </li>
        </ul>
      </template>
    </CaoTow>
  </div>
</template>

<script>
import CaoZu from "@/components/CaoZu.vue";
import CaoTow from "@/components/CaoTow.vue";
export default {
  components: {
    CaoZu,
    CaoTow,
  },

  data() {
    return {};
  },
  mounted() {},
  methods: {},
};
</script>
<style lang='less' scoped>
</style>